<template>
	<view>
		<view class="flex align-center" style="padding: 20upx 50upx 20upx 56upx;">
			<view class="font-size-26">公司名称</view>
			<view class="font-size-28" style="margin-left: 64rpx;">{{detail.name}}</view>
		</view>
		<view class="flex" style="padding: 20upx 50upx 20upx 56upx;">
			<view class="font-size-26">公司简介</view>
			<view class="font-size-28" style="margin-left: 64rpx;" v-html="detail.intro"></view>
		</view>
		<view class="flex" style="padding: 20upx 50upx 20upx 56upx;">
			<view class="font-size-26">公司电话</view>
			<view class="font-size-28" style="margin-left: 64rpx;">{{detail.phonenum}}</view>
		</view>
		<view class="flex" style="padding: 20upx 50upx 20upx 56upx;">
			<view class="font-size-26">公司地址</view>
			<view class="font-size-28" style="margin-left: 64rpx;">{{detail.address}}</view>
		</view>
	</view>
</template>

<script>
import {aboutUs_getNewest} from "api/my/my"
	export default {
		data() {
			return {
        detail: {}, //关于我们数据
      }
		},
		methods: {
			pageInit(){
        aboutUs_getNewest().then(res=>{
          console.log(res)
          if(res.data && res.data.intro){
            res.data.intro = res.data.intro.replace(new RegExp(' style="" ', "g"), '');
            res.data.intro =res.data.intro.replace(/\<img/gi, '<img style="width:100%;height:auto; display: block;"');
          }
          this.detail = res.data;
        })
      }
		},
    onLoad(){
		  this.pageInit();
    }
	}
</script>

<style scoped lang="scss">
	.font-size-26 {
		width: 104upx;
		font-size: 26upx;
		color: rgba(51,51,51,1);
	}
	.font-size-28 {
		width: 476upx;
		font-size: 28upx;
		color: rgba(51,51,51,1);
	}
</style>
